<template>
	<view class="descriptions">
		<view class="descriptions-view">
			<uni-row class="descriptions-row">
				<slot v-if="$slots.default" />
				<view v-else style="text-align: center; color: grey;">{{$t('common.noData')}}</view>
			</uni-row>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'Descriptions',
		props: {
			title: {
				type: String,
				required: false,
				default: ''
			}
		}
	}
</script>

<style scoped lang="scss">
	.descriptions {
		.descriptions-title {
			margin-bottom: 20px;
			color: rgba(0, 0, 0, .85);
			font-weight: 700;
			font-size: 16px;
			line-height: 1.5;
		}

		.descriptions-view {
			width: 100%;
			overflow: hidden;

			table {
				width: 100%;
				table-layout: fixed;
				border-collapse: collapse;
			}
		}
	}
</style>
